<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
	<head>
	<meta name="viewport" content="width=device-width, user-scalable=false;">
		<link 	rel=	"stylesheet" 		href="styles.css" type="text/css" />
		<link 	rel=	"stylesheet" 		href=	"styles.css" type="text/css" />
		
		<!--- Pop up --> 		
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
		<script type="text/javascript">
			$(function() {
				var moveLeft = 20;
				var moveDown = 10;
        
        			$('#trigger').hover(function(e) {
        				$('div#pop-up').show();
 	  		 	}, function() {
					$('div#pop-up').hide();
        			});
        
        			$('#trigger').mousemove(function(e) {
			        	$("div#pop-up").css('top', e.pageY + moveDown).css('left', e.pageX + moveLeft);
		        	});
        
      			});
    		</script>

		<!--Nivo Slider-->
		<link 	rel="stylesheet" href="nivo-slider/nivo-slider.css" type="text/css" />
		<link 	rel="stylesheet" href="nivo-slider/themes/default/default.css" type="text/css" />
	
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
		<script src="nivo-slider/jquery.nivo.slider.pack.js" type="text/javascript"></script>

		<script type="text/javascript">
			$(window).load(function() {
    				$('#slider').nivoSlider();
			});
		</script>


	</head>


	<body>
			<div 	id="nav">
				<div 	class="wrapper"> 
					<ul>	
						<li><a href="http://www.aareii.org.ar">AArEII</a></li>
						<li><a href="exterior.html">Exterior</a></li>
						<li><a href="interior.html">Interior</a></li>
						<li><a href="#">Consejos</a></li>
						<li><a href="#">Showroom</a></li>
					</ul>
				</div>
			</div>

			<div class="wrapper">
				<div id="content" class="box">
					<div align="center">
						<img src="img/Pabellon.png" id="imgMap" height="403" width="800" style="position:relative;z-index:0;top:10px; margin-bottom: 30px" />
					</div>
					
					<div class="slider-wrapper theme-default"> 
				   		<div class="ribbon">
				        	<div id="slider" class="nivoSlider"> 
				        		<a href="http://www.quilmes.com.ar">
									<img src="nivo-slider/images/quilmes.png" alt="" />
								</a>
							    <a href="http://www.arcor.com.ar">
									<img src="nivo-slider/images/arcor.png" alt="" title="#htmlcaption" />
								</a>
								<a href="http://www.adecco.com.ar">
									<img src="nivo-slider/images/adecco.jpg" alt="" />
								</a>
								<a href="http://www.avon.com.ar">
									<img src="nivo-slider/images/avon.gif" alt="" />
								</a>
			        		</div> 
			    		</div>
				</div>	


    		</div>
		</div>

			<div	id="footer" class="box centered">
						<p>
    						Copyright 2013  AArEII    <br />
        					Todos los derechos reservados.
    					</p>
			</div>
			

	</body>
</html>


